<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:growl id="growl" showDetail="true" globalOnly="true"/>
            <p:messages showSummary="true" id="msgForm"/>
            <DIV ALIGN="center" >
                
                <p:panel style="width: 900px" header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ">  
                    <p:panel header="Estudiante">
                    <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                        <h:outputText value="Seleccione el nombre del practicante" />
                        <p:selectOneMenu id="estudianteSelected" 
                                         value="#{fResumenSemPracticaProf.estudianteSelected}">
                            <f:selectItem itemLabel=" --Seleccione un practicante-- " itemValue="" />
                            <f:selectItems value="#{fResumenSemPracticaProf.convenioXPeriodoXEstudiantes}" var="estudiante" 
                                           itemValue="#{estudiante.estudiante.idEstudiante}"
                                           itemLabel="#{estudiante.estudiante.nombresEstudiante} #{estudiante.estudiante.apellido1Estudiante} #{estudiante.estudiante.apellido2Estudiante}"/>
                        </p:selectOneMenu>
                    </h:panelGrid>                      
                    </p:panel>

                    <p:panel header="RESUMEN SEMESTRAL DE  PRÁCTICA PROFESIONAL " >

                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:outputText value="Periodo Académico  " />
                            <p:selectOneRadio id="periodoAcad" value="#{fResumenSemPracticaProf.periodo.periodo}">  
                                <f:selectItem itemLabel="I" itemValue="1" />  
                                <f:selectItem itemLabel="II" itemValue="2" />  
                            </p:selectOneRadio> 
                            <h:outputText value="Fecha  " />

                            <p:calendar value="#{fResumenSemPracticaProf.resumenSemPracProf.fecha}" 
                                        id="popupCalendar" showOn="button" />
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="1.	DATOS BÁSICOS DE LA ENTIDAD " style="" id="bDatosBas">
                        <h:panelGrid columns="2" border="" bgcolor="" dir="center" >
                            <h:outputText value="Nombre o razón social de la entidad  " />
                            <p:inputText value="#{fResumenSemPracticaProf.entidad.nombreEntidad}" id="nombEntidad" size="54"/>
                        </h:panelGrid>
                        <h:panelGrid columns="4" dir="center" >
                            <h:outputText value="Nit  " />
                            <p:inputText value="#{fResumenSemPracticaProf.entidad.nitEntidad}" id="nitEntidad" size="35" readonly="true"/>
                            <h:outputText value="Telefono  " />
                            <p:inputText id="telEntidad" size="35" value="#{fResumenSemPracticaProf.entidad.telefonoEntidad}"/>
                            <h:outputText value="Dirección  " />
                            <p:inputText value="#{fResumenSemPracticaProf.sitio.direccionSitio}" id="dirEntidad" maxlength="50" size="35"/>                             
                        </h:panelGrid>

                    </p:panel>
                    <p:panel header="2.	SUPERVISOR DE LA ENTIDAD " id="superEnti">
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                                <h:outputText value="Nombre  " />
                                <p:inputText value="supervisor entidad" id="nombSupervEntidad" maxlength="50" size="35"/>
                                <h:outputText value="Cargo  " />
                                <p:inputText value="Director de sistemas" id="cargoSupervEntidad" maxlength="50" size="35"/>
                                <h:outputText value="Teléfono  " />
                                <p:inputText value="3256987" id="telSupervEntidad" maxlength="50" size="35"/>
                                <h:outputText value="Celular  " />
                                <p:inputText value="3182456298" id="celSupervEntidad" maxlength="50" size="35"/>
                            </h:panelGrid>

                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="3.	DATOS BÁSICOS DEL SUPERVISOR UNIVERSITARIO " id="datosBasiSupe">
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                                <h:outputText value="Nombre  " />
                                <p:inputText value="supervisor univer" id="nombSupervUniv" maxlength="50" size="35"/>
                                <h:outputText value="E-mail  " />
                                <p:inputText value="supervisor@correo.com" id="mailSupervUniv" maxlength="50" size="35"/>
                                <h:outputText value="Teléfono  " />
                                <p:inputText value="4563257" id="telSupervUniv" maxlength="50" size="35"/>
                                <h:outputText value="Celular  " />
                                <p:inputText value="3185236987" id="celSupervUniv" maxlength="50" size="35"/>
                            </h:panelGrid>

                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="4.	DATOS BÁSICOS DEL PROFESIONAL EN FORMACIÓN " id="datosBasiProfe">
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                                <h:outputText value="Nombre  " />
                                <p:inputText value="nomnre supervisor" id="nombPract" maxlength="50" size="35"/>
                                <h:outputText value="Codigo  " />
                                <p:inputText value="52123232" id="codPract" maxlength="50" size="35"/>
                                <h:outputText value="Teléfono  " />
                                <p:inputText value="5478962" id="telPract" maxlength="50" size="35"/>
                                <h:outputText value="Celular  " />
                                <p:inputText value="32165489+75" id="celPract" maxlength="50" size="35"/>
                                <h:outputText value="E-Mail  " />
                                <p:inputText id="mailPract" maxlength="50" size="35" value="supervisor@correo.com"/>
                            </h:panelGrid>

                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="5.	INFORME DE PRIMERA VISITA " >
                        <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{fResumenSemPracticaProf.resumenSemPracProf.fechaPrimeraVisita}" id="fechaPrimeraVisita" showOn="button" />
                            <h:outputText value="Áreas de trabajo  " />
                            <p:inputText value="#{fResumenSemPracticaProf.resumenSemPracProf.areaTrabajo}" id="areaTrabajo" maxlength="50" size="45"/>
                            <h:outputText value="Aspectos tratados  " />
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.aspectosTratados}" rows="6" cols="50" id="aspectosTratados"/>
                            <h:panelGrid columns="1" border="" bgcolor="" dir="right" >
                                <h:outputText value="Acuerdos realizados:" />
                                <h:outputText value="(Especificar productos" />
                                <h:outputText value="esperados y expectativas" />
                                <h:outputText value="de la entidad)" />
                            </h:panelGrid>
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.acuerdosRealizados}" rows="6" cols="50" id="acuerdosRealizados"/> 
                        </h:panelGrid>      
                    </p:panel>
                    <p:panel header="6.	INFORME GENERAL DE SESIONES DE SUPERVISIÓN " >
                        <h:panelGrid columns="1" border="" bgcolor="" dir="right" >
                            <h:outputText value="Procesos  que ejecutó el Profesional en Formación:" />
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.procesosEjecutados}" rows="6" cols="90" id="procEjec"/>
                            <h:outputText value="Breve análisis  cualitativo del desempeño del Profesional en Formación" />
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.analisisCualitativoDesempeno}" rows="6" cols="90" id="analisisBreve"/>
                            <h:outputText value="Valoración de la fundamentación teórica respecto a los procesos  ejecutados por el Profesional en Formación:" />
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.valoracionFundamenTeorica}" rows="6" cols="90" id="valoracionFund"/>
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="7.	INFORME DE  VISITA FINAL " >
                        <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{fResumenSemPracticaProf.resumenSemPracProf.fechaVisitaFinal}" id="popupCalendarVisFin" showOn="button" />
                        </h:panelGrid>
                        <h:panelGrid columns="1" border="" bgcolor="" dir="center" >
                            <h:outputText value="Aspectos tratados:  " />
                            <p:inputTextarea required="true" value="#{fResumenSemPracticaProf.resumenSemPracProf.aspectosTratadosVisitaFin}" rows="6" cols="90" id="aspectosTratadosVisFin"/>
                            <h:outputText value="Análisis de actividades programadas Vs. ejecutadas en el cronograma:   " />
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.analisisActivProgramEjecutadas}" rows="6" cols="90" id="analisisActVisFin"/>
                            <h:outputText value="Aspectos a mejorar o habilidades a desarrollar por el Profesional en Formación:  " />
                            <p:inputTextarea value="#{fResumenSemPracticaProf.resumenSemPracProf.aspectosHabilidadesMejorar}" rows="6" cols="90" id="aspectosMejorarVisFin"/>
                        </h:panelGrid>
                    </p:panel>
                    <p:panel header="8.	CONTROL GENERAL DE PRÁCTICAS " >
                        <h:panelGrid columns="5" border="" bgcolor="" dir="left" >
                            <h:outputText value="Horario de práctica  " />
                            <h:outputText value="De  " />
                            <p:calendar value="#{fResumenSemPracticaProf.resumenSemPracProf.horarioPracticaDe}" id="horaInicio" pattern="hh:mm a"  timeOnly="true" size="10"/>  
                            <h:outputText value="Hasta  " />
                            <p:calendar value="#{fResumenSemPracticaProf.resumenSemPracProf.horarioPracticaHasta}" id="horaFin" pattern="hh:mm a"  timeOnly="true" size="10"/>  
                        </h:panelGrid>
                        <h:panelGrid columns="2" border="" bgcolor="" dir="right" >
                            <h:outputText value="Número de semanas trabajadas " />
                            <p:spinner id="numSemTrab" value="#{fResumenSemPracticaProf.resumenSemPracProf.semanasDiasNoTrabajados}" max="20" min="0" size="5"/> 
                            <h:outputText value="Número de horas reales trabajadas a la semana  " />
                            <p:spinner id="numHorasTrab" value="#{fResumenSemPracticaProf.resumenSemPracProf.horasRealesTrabajadas}" max="20" min="0" size="5"/> 
                            <h:outputText value="Semanas o días no trabajados por el Profesional en Formación :   " />
                            <p:spinner id="semDiasNoTrab" value="#{fResumenSemPracticaProf.resumenSemPracProf.semanasDiasNoTrabajados}" max="20" min="0" size="5"/> 
                            <h:outputText value="Justificados:   " />
                            <p:selectOneRadio id="justificacion" value="#{fResumenSemPracticaProf.resumenSemPracProf.justificacion}">  
                                <f:selectItem itemLabel="Si" itemValue="1" />  
                                <f:selectItem itemLabel="No" itemValue="2" />  
                            </p:selectOneRadio> 
                        </h:panelGrid>
                    </p:panel>
                     <p:commandButton value="Guardar"  update="msgForm"  onclick="confirmGuardar.show()"></p:commandButton>
                    <p:commandButton value="Cancelar" id="btnCancelar" />
                    <p:commandButton value="Imprimir o descargar" type="button" icon="ui-icon-print">  
                        <p:printer target="form" />  
                    </p:commandButton>
                </p:panel>    
                <p:messages showDetail="true" showSummary="true" > </p:messages>
            </DIV>
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{fResumenSemPracticaProf.DiligenciarFormato}"
                                 oncomplete="confirmGuardar.hide()" update=":form:growl,fechaPrimeraVisita,areaTrabajo,aspectosTratados,acuerdosRealizados,procEjec,analisisBreve,valoracionFund,popupCalendarVisFin,aspectosTratadosVisFin,analisisActVisFin,aspectosMejorarVisFin,horaInicio,horaFin,numSemTrab,numHorasTrab,semDiasNoTrab,justificacion"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
        </h:form>    
    </ui:define>
</ui:composition>
